<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>中国社区</title>
  <link rel="stylesheet" href="../../css/performance/performance.css">
  <link rel="stylesheet" href="../../css/public/base.css">
  <link rel="stylesheet" href="../../layui/css/layui.css">
  <script src="../../js/public/jquery-3.3.1.js"></script>
  <script src="../../js/performance/performance.js"></script>
</head>
<body>
<div class="performance">
  <div class="mt-left">
    <ul>
      <li><div><span class="circle"></span><a href="../performance/fundAllocation.html"></a>基金业绩划拨</div></li>
      <li class="cur"><div><span class="circle"></span><a href="../performance/gameTransfer.html"></a>游戏业绩划拨</div></li>
      <li><div><span class="circle"></span><a href="../performance/gameTransfer.html"></a>基金盘面业绩</div></li>
      <li><div><span class="circle"></span><a href="../performance/gameTransfer.html"></a>游戏业绩</div></li>
      <li><div><span class="circle"></span><a href="../performance/gameTransfer.html"></a>业绩分红</div></li>
    </ul>
  </div>
  <div class="performanceContent">
    <div class="operating">
      <div>
        <span>信息查询</span>
        <input type="text" placeholder="请输入...">
      </div>
      <div>
        <span>生成时间</span>
        <input type="text" class="layui-input" id="generateTime" placeholder="请输入...">
      </div>
      <div>
        <span>导出时间</span>
        <input type="text" class="layui-input" id="exportTime" placeholder="请输入...">
      </div>
      <div class="layui-form">
        <span>当前状态</span>
        <div style="display:inline-block;width: 196px;margin-left: 20px;margin-right: 40px;">
          <select name="condition" lay-filter="condition">
            <option value="">请选择</option>
            <option value="0">未导出</option>
            <option value="1">已导出</option>
          </select>
        </div>
      </div>
      <div>
        <div class="searchBtn">查询</div>
        <div class="resetBtn">重置</div>
        <div class="exportBtn">导出</div>
      </div>
    </div>
    <div class="rl-table">
      <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
  </div>
</div>
<script src="../../layui/layui.js"></script>
<script>
layui.use('table', function () {
  var table = layui.table;
  layui.use('table', function () {
    var table = layui.table;
    table.render({
      elem: '#test'
//      , url: '/demo/table/user/'
//        , skin: 'nob'
      , width: '100%'
//        ,limits:[5,10,20,50]
      , cols: [[
        {type: 'checkbox'}
        , {field: 'num', title: '序号', minWidth: 100}
        , {field: 'id', title: 'ID', minWidth: 100}
        , {field: 'personalAccount', title: '账号', minWidth: 120}
        , {field: 'phone', title: '手机号码', minWidth: 120}
        , {field: 'RSTAmount', title: 'RST总量', minWidth: 115}
        , {field: 'transfer', title: '划拨时间', minWidth: 170, sort: true}
        , {field: 'exportTime', title: '导出时间', minWidth: 170, sort: true}
        , {field: 'status', title: '状态', minWidth: 100}
      ]]
      , data: [{
        "num": "01"
        ,"id": "01"
        , "personalAccount": "zhangsan001"
        , "phone": 12345678912
        , "RSTAmount": "1200"
        , "transfer": "2018.01.01 18:00:00"
        , "exportTime": "2018.01.01 18:00:00"
        , "status": "已导出"
      },{
        "num": "01"
        ,"id": "01"
        , "personalAccount": "zhangsan001"
        , "phone": 12345678912
        , "RSTAmount": "1200"
        , "transfer": "2018.01.01 18:00:00"
        , "exportTime": "2018.01.01 18:00:00"
        , "status": "已导出"
      },{
        "num": "01"
        ,"id": "01"
        , "personalAccount": "zhangsan001"
        , "phone": 12345678912
        , "RSTAmount": "1200"
        , "transfer": "2018.01.01 18:00:00"
        , "exportTime": "2018.01.01 18:00:00"
        , "status": "已导出"
      },{
        "num": "01"
        ,"id": "01"
        , "personalAccount": "zhangsan001"
        , "phone": 12345678912
        , "RSTAmount": "1200"
        , "transfer": "2018.01.01 18:00:00"
        , "exportTime": "2018.01.01 18:00:00"
        , "status": "已导出"
      },{
        "num": "01"
        ,"id": "01"
        , "personalAccount": "zhangsan001"
        , "phone": 12345678912
        , "RSTAmount": "1200"
        , "transfer": "2018.01.01 18:00:00"
        , "exportTime": "2018.01.01 18:00:00"
        , "status": "已导出"
      },{
        "num": "01"
        ,"id": "01"
        , "personalAccount": "zhangsan001"
        , "phone": 12345678912
        , "RSTAmount": "1200"
        , "transfer": "2018.01.01 18:00:00"
        , "exportTime": "2018.01.01 18:00:00"
        , "status": "已导出"
      },{
        "num": "01"
        ,"id": "01"
        , "personalAccount": "zhangsan001"
        , "phone": 12345678912
        , "RSTAmount": "1200"
        , "transfer": "2018.01.01 18:00:00"
        , "exportTime": "2018.01.01 18:00:00"
        , "status": "已导出"
      },{
        "num": "01"
        ,"id": "01"
        , "personalAccount": "zhangsan001"
        , "phone": 12345678912
        , "RSTAmount": "1200"
        , "transfer": "2018.01.01 18:00:00"
        , "exportTime": "2018.01.01 18:00:00"
        , "status": "已导出"
      },{
        "num": "01"
        ,"id": "01"
        , "personalAccount": "zhangsan001"
        , "phone": 12345678912
        , "RSTAmount": "1200"
        , "transfer": "2018.01.01 18:00:00"
        , "exportTime": "2018.01.01 18:00:00"
        , "status": "已导出"
      },{
        "num": "01"
        ,"id": "01"
        , "personalAccount": "zhangsan001"
        , "phone": 12345678912
        , "RSTAmount": "1200"
        , "transfer": "2018.01.01 18:00:00"
        , "exportTime": "2018.01.01 18:00:00"
        , "status": "已导出"
      },{
        "num": "01"
        ,"id": "01"
        , "personalAccount": "zhangsan001"
        , "phone": 12345678912
        , "RSTAmount": "1200"
        , "transfer": "2018.01.01 18:00:00"
        , "exportTime": "2018.01.01 18:00:00"
        , "status": "已导出"
      }]
      , page: true
    });
  });
  table.on('tool(test)', function (obj) {
    var data = obj.data;
    if (obj.event === 'detail') {
      layer.open({
        type: 0
        , id: 'transfer' //防止重复弹出
        , area: ['400px !important', '220px !important']
        , title: "信息"
        , content: '<p style="font-size: 16px;height: 40px;line-height: 40px">确认划拨?</p>'
        , btn: ['确定', '取消']
        , btnAlign: 'r' //按钮居中
        ,shade: 0
        //,shadeClose: true
        , move: false
        , resize: false
        , yes: function () {
          layer.closeAll();
          layer.msg("划拨成功")
        }
        , btn2: function () {
          layer.closeAll();
        }
      });
    } else if (obj.event === 'del') {
      layer.open({
        type: 0
        , id: 'turnDown' //防止重复弹出
        , area: ['400px !important', '220px !important']
        , title: "信息"
        , content: '<p style="font-size: 16px;height: 40px;line-height: 40px">确认驳回(驳回后不能再取消驳回)?</p>'
        , btn: ['确定', '取消']
        , btnAlign: 'r' //按钮对齐方式
        ,shade: 0
        //,shadeClose: true
        , move: false
        , resize: false
        , yes: function () {
          layer.closeAll();
          layer.msg("成功驳回")
        }
        , btn2: function () {
          layer.closeAll();
        }
      });
    }
  });
});
layui.use('laydate', function () {
  var laydate = layui.laydate;
  laydate.render({
    elem: '#generateTime'
    , type: 'datetime'
    , theme: '#2d528f'
    , range: true
  });
  laydate.render({
    elem: '#exportTime'
    , type: 'datetime'
    , theme: '#2d528f'
    , range: true
  });
});
</script>
</body>
</html>